@import "./auth.styl"
@import "./welcome.styl"
.page-index{
  .index-header{
    background-image url('../assets/images/index-header.jpg');
    background-size cover;
    background-position top center;
    background-repeat no-repeat;
    height 60vh;
  }
  .member-fav{
    background-color #052D49;
    color: white;
  }
  .member-fav{
    background-color #052D49;
    color: white;
    .desc {
      p{
        font-size: 30px;
        margin: 20px 0;
        &:first-child {
          margin-top: 60px;
        }
      }
    }
    ul{
      padding: 50px 0;
      li {
        margin: 15px 0;
        .item {
          span{
            margin-left: 10px;
            font-size: 16px;
          }
        }
      }
    }
  }
  .member-list{
     background-color: #F5FBFF;
     .header{
       text-align: center;
       h1 {
         font-size: 36px;
         margin: 80px;
       }
     }
     .member-item{
       height: 400px;
       background-color: white;
       display: flex;
       flex-direction: column;
       align-items: center;
       img{
         margin: 40px 0 15px 0;
         width: 100px;
         border-radius: 50px;
       }
     }
  }
  .youzhan-count{
    .count-item {
      text-align: center;
      margin: 100px 20px;
      font-size: 48px;
      color: #555;
      font-weight: 300;
      span.plus{
        margin-left: 10px;
      }
      p.desc{
        font-size: 16px;
      }
    }
  }
}
